<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加歌单</title>
<meta name="description" content="这是一个 user 页面">
<meta name="keywords" content="user">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="i/favicon1.png">
<link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="css/amazeui.min.css" />
<link rel="stylesheet" href="css/admin.css">
</head>
<body>
	<!-- 接收session中的对象 -->
	<s:set name="username" value="#session['username']" />

	<header class="am-topbar am-topbar-inverse admin-header">
	<div class="am-topbar-brand">
		<s:a href="index">
			<strong>Wonderful Song</strong>
		</s:a>
		<small>用户信息管理</small>
	</div>

	<button
		class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
		data-am-collapse="{target: '#topbar-collapse'}">
		<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
	</button>

	<div class="am-collapse am-topbar-collapse" id="topbar-collapse">

		<ul
			class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">


			<li class="am-hide-sm-only"><s:a href="logout">
					<span class="am-icon-sign-out"></span>注销</s:a></li>
		</ul>
	</div>
	</header>

	<div class="am-cf admin-main">
		<!-- sidebar start -->
		<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
			<div class="am-offcanvas-bar admin-offcanvas-bar">
				<ul class="am-list admin-sidebar-list">
					<li><s:a href="index">
							<span class="am-icon-home"></span> 首页</s:a></li>
					<li class="admin-parent"><a class="am-cf"
						data-am-collapse="{target: '#collapse-nav'}"> <span
							class="am-icon-file"></span> 信息管理 <span
							class="am-icon-angle-right am-fr am-margin-right"></span>
					</a>
						<ul class="am-list am-collapse admin-sidebar-sub am-in"
							id="collapse-nav">
							<li><s:a href="admin_user?username=%{#username.username}"
									class="am-cf">
									<span class="am-icon-check"></span> 个人资料
                    <span
										class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span>
								</s:a></li>

						</ul></li>

					<li class="admin-parent"><a class="am-cf"
						data-am-collapse="{target: '#collapse-nav-list'}"><span
							class="am-icon-th"></span> 歌单列表 <span
							class="am-icon-angle-right am-fr am-margin-right"></span> </a>

						<ul class="am-list am-collapse admin-sidebar-sub am-in"
							id="collapse-nav-list">
							<li><s:a class="am-cf"
									href="my_order?username=%{#username.username}&image=%{#username.image}">
									<span class="am-icon-check"></span> 显示歌单
                    <span
										class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span>
								</s:a></li>

						</ul></li>

				</ul>

			</div>
		</div>
		<!-- sidebar end -->
		<!-- content start -->
		<div class="admin-content">
			<div class="admin-content-body">
				<div class="am-cf am-padding am-padding-bottom-0">
					<div class="am-fl am-cf">
						<strong class="am-text-primary am-text-lg"><s:property
								value="#username.username" />新建歌单</strong> / <small> Create New
							Order</small>
					</div>
				</div>
				<hr />
				<!-- 新建歌单表单 -->
				<div class="am-g">
					<div class="am-u-sm-12 am-u-md-4 am-u-md-push-8"></div>
					<div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4">
						<s:form theme="simple" class="am-form am-form-horizontal"
							action="add_songorder?username=%{#username.username}&image=%{#username.image}"
							method="post" enctype="multipart/form-data">
							<s:fielderror cssClass="am-msg am-btn-warning"></s:fielderror>
							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">歌单名称
									/ Ordertitle</label>
								<div class="am-u-sm-9">


									<s:textfield type="text" name="order.order_title" />
									<small>给你的歌单取一个个性又优美的名字...</small>
								</div>
							</div>

							<div class="am-form-group">
								<label for="user-intro" class="am-u-sm-3 am-form-label">歌单描述
									/ OrderInfo</label>
								<div class="am-u-sm-9">
									<s:textarea label="选择封面图片" name="order.order_info" rows="8" />
									<small>描述一下你的歌单...</small>
								</div>
							</div>

							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">封面
									/ Image</label>
								<div class="am-u-sm-9">
									<s:file id="file" label="选择封面图片" name="order_add" />
									<small>上传封面...</small>
								</div>
							</div>
							<div class="am-form-group">
								<div class="am-u-sm-9 am-u-sm-push-3">
									<s:submit value="创建歌单" cssClass="am-btn am-btn-primary" />
								</div>
							</div>
						</s:form>
					</div>
				</div>
				<!-- content end -->
			</div>
		</div>
	</div>







	<script src="js/jquery.min.js"></script>

	<script src="js/amazeui.min.js"></script>

	<script src="js/app.js"></script>
</body>

</html>